import { reactive, ref } from 'vue';

const useTodos = () => {
    const todos = reactive([]);
    const msg = ref('');

    const handleEnter = () => {
        todos.push({ msg: msg.value });
        msg.value = '';
    };

    const handleRemove = (index) => {
        todos.splice(index, 1);
    };

    return { todos, msg, handleEnter, handleRemove };
};

export default useTodos;
